2012
Chromium: o navegador que
     mudou o mundo
         Palestrante:
    ALEXANDRE TELES




          Contatos:
  Gmail: ateles.1@gmail.com
   Telefone: (71)9152-6094
                              2
Chromium: o navegador que
            mudou o mundo



“O que fazemos por nós mesmos morre conosco; o que fazemos
       pelo outro e pelo mundo permanece e é imortal.”
                                            Albert Pike




                                                      3
Chromium: o navegador que
        mudou o mundo




Afinal, o que é o projeto “Chromium”?




                                    4
Chromium: o navegador que
         mudou o mundo




Espera aí! Você está dizendo que o Google
         Chrome não é da Google?




                                       5
Chromium: o navegador que
        mudou o mundo




Então, afinal, o que diferencia os dois
             navegadores?




                                          6
Chromium: o navegador que
       mudou o mundo
           Google Chrome


Flash Player integrado.
PDF viewer integrado.
Sistema de impressão integrada.
O nome do Google com logo diferente.
Codecs ACC e MP3

                                       7
Chromium: o navegador que
         mudou o mundo



Agora eu sei a diferença entre os dois.
Mais e as licenças de software livre, como
                  ficam?




                                       8
Chromium: o navegador que
          mudou o mundo




Então tá. Agora vamos falar do navegador!




                                      9
Chromium: o navegador que
     mudou o mundo




                        10
Chromium: o navegador que
         mudou o mundo
          O código do Chromium


   Códigos em C/C++ e Python escritos de forma
clara, concisa e bem documentada;
  Aplicação profunda do conceitos de OOP;
  Código limpo, sem rebarbas ou “gambiarras”;
  Otimização de código.



                                             11
Chromium: o navegador que
     mudou o mundo




    Isso tudo para quê?




                          12
Chromium: o navegador que
          mudou o mundo
           Metas do Chromium



1ª – Ser um gerenciador de janelas com base em
                      abas;




                                           13
Chromium: o navegador que
     mudou o mundo
     Metas do Chromium




2ª – Ser um “shell” para a web;




                                  14
Chromium: o navegador que
      mudou o mundo
       Metas do Chromium




3ª – Possuir interface minimalista e
              amigável;




                                       15
Chromium: o navegador que
        mudou o mundo
         Metas do Chromium




4º – Ser e parecer leve e, acima de tudo,
                RÁPIDO.




                                        16
Chromium: o navegador que
        mudou o mundo



   Somente a beleza do código não é
suficiente para atingir estas metas. O que
              mais foi feito?




                                       17
Chromium: o navegador que
         mudou o mundo
Peças-chave no quebra-cabeças do projeto
                Chromium




  1ª – Motor de renderização WebKit;




                                       18
Chromium: o navegador que
         mudou o mundo
Peças-chave no quebra-cabeças do projeto
                Chromium




      2º – Suporte ao padrão SVG;




                                      19
Chromium: o navegador que
         mudou o mundo
Peças-chave no quebra-cabeças do projeto
                Chromium




  3ª – Suporte antecipado aos padrões
             HTML5 e CSS3;



                                        20
Chromium: o navegador que
         mudou o mundo
Peças-chave no quebra-cabeças do projeto
                Chromium




    4º – Suporte avançado à WebGL;




                                      21
Chromium: o navegador que
         mudou o mundo
Peças-chave no quebra-cabeças do projeto
                Chromium




       5º – Motor JavaScript V8.




                                      22
Chromium: o navegador que
        mudou o mundo




Motor? V8? Isso é um carro de corrida?




                                     23
Chromium: o navegador que
        mudou o mundo




Isso não pode ser tão eficiente assim...




                                       24
Chromium: o navegador que
         mudou o mundo




Tudo bem, tudo bem. Mas para mim como
       usuário, o que isso significa?




                                   25
Chromium: o navegador que
     mudou o mundo
      HTTP Pipeling




                        26
Chromium: o navegador que
     mudou o mundo




     DNS Prefetching




                        27
Chromium: o navegador que
          mudou o mundo




Gerenciamento individualizado de recursos




                                      28
Chromium: o navegador que
          mudou o mundo



Integração total com os serviços do Google,
       incluindo sincronização entre
                 dispositivos




                                        29
Chromium: o navegador que
          mudou o mundo




E onde essa eficiência toda levou o projeto
                 Chromium?




                                        30
Chromium: o navegador que
     mudou o mundo




                        31
Chromium: o navegador que
        mudou o mundo



Opa, meu faro para negócio despertou!
Como posso alcançar essa fatia enorme
             de mercado?




                                   32
Chromium: o navegador que
         mudou o mundo
Como alcançar o mercado de usuários do
              Chromium




1º – Desenvolvendo sites em conformidade
           com os padrões W3C



                                     33
Chromium: o navegador que
         mudou o mundo
Como alcançar o mercado de usuários do
              Chromium




   2º – Desenvolvendo para a nuvem




                                     34
Chromium: o navegador que
         mudou o mundo
Como alcançar o mercado de usuários do
              Chromium




3º – Desenvolvendo aplicações Web ricas.




                                      35
Chromium: o navegador que
         mudou o mundo
Como alcançar o mercado de usuários do
              Chromium




      4º – Desenvolva em WebGL




                                    36
Chromium: o navegador que
         mudou o mundo
Como alcançar o mercado de usuários do
              Chromium




  5º – Conheça a Chrome Web Store e
         desenvolva Chrome apps



                                      37
Chromium: o navegador que
         mudou o mundo
   Fatos sobre a Chrome Web Store


  Todos os 310 milhões de usuários do
Chrome (junho de 2012) tem acesso à ela;
  Integração total entre dispositivos;
  Integração com a Google Wallet in-app;
  Localizada em 42 linguagens diferentes.


                                            38
Chromium: o navegador que
         mudou o mundo
 No que a Chrome Web Store se baseia


  Tirar as aplicações de dentro do browser;
  Interfaces amigáveis e facilidade de uso;
  Aplicações offline por default (ou com
pouquíssima comunicação de rede);
  Uso intenso das APIs providas pelo
navegador.

                                              39
Chromium: o navegador que
     mudou o mundo




O que são as Chrome apps afinal?




                                   40
Chrome apps são um conjunto de código HTML,
    JavaScript e recursos empacotados em um
   arquivo zip que, uma vez enviado à Chrome
 Web Store será baixado no sistema do usuário
 e estará lá: sempre pronto para ser executado.




                                            41
Chromium: o navegador que
         mudou o mundo
O que você pode fazer com uma Chrome
                  app


   Construir e controlar aplicações multi-
janela;
  Interagir com outros aplicativos;
   Fazer requisições AJAX para sites de
terceiros (Cross-Site Scripting);

                                             42
Chromium: o navegador que
         mudou o mundo




Para tudo! Como desenvolvo estas Chrome
 apps? Me parece um mercado promissor!




                                    43
Chromium: o navegador que
      mudou o mundo
      Tipos de Chrome apps




Hosted apps;
Packaged apps ou extensions.




                               44
Chromium: o navegador que
          mudou o mundo



“Não alcançamos a liberdade buscando a liberdade, mas
  sim a verdade. A liberdade não é um fim, mas uma
                     consequência.”
                                          Léon Tolstói



                                                   45
Chromium: o navegador que
     mudou o mundo
         Palestrante:
    ALEXANDRE TELES




          Contatos:
  Gmail: ateles.1@gmail.com
   Telefone: (71)9152-6094
                              46

Chromium: o navegador que mudou o mundo.

  • 1.
  • 2.
    Chromium: o navegadorque mudou o mundo Palestrante: ALEXANDRE TELES Contatos: Gmail: ateles.1@gmail.com Telefone: (71)9152-6094 2
  • 3.
    Chromium: o navegadorque mudou o mundo “O que fazemos por nós mesmos morre conosco; o que fazemos pelo outro e pelo mundo permanece e é imortal.” Albert Pike 3
  • 4.
    Chromium: o navegadorque mudou o mundo Afinal, o que é o projeto “Chromium”? 4
  • 5.
    Chromium: o navegadorque mudou o mundo Espera aí! Você está dizendo que o Google Chrome não é da Google? 5
  • 6.
    Chromium: o navegadorque mudou o mundo Então, afinal, o que diferencia os dois navegadores? 6
  • 7.
    Chromium: o navegadorque mudou o mundo Google Chrome Flash Player integrado. PDF viewer integrado. Sistema de impressão integrada. O nome do Google com logo diferente. Codecs ACC e MP3 7
  • 8.
    Chromium: o navegadorque mudou o mundo Agora eu sei a diferença entre os dois. Mais e as licenças de software livre, como ficam? 8
  • 9.
    Chromium: o navegadorque mudou o mundo Então tá. Agora vamos falar do navegador! 9
  • 10.
    Chromium: o navegadorque mudou o mundo 10
  • 11.
    Chromium: o navegadorque mudou o mundo O código do Chromium Códigos em C/C++ e Python escritos de forma clara, concisa e bem documentada; Aplicação profunda do conceitos de OOP; Código limpo, sem rebarbas ou “gambiarras”; Otimização de código. 11
  • 12.
    Chromium: o navegadorque mudou o mundo Isso tudo para quê? 12
  • 13.
    Chromium: o navegadorque mudou o mundo Metas do Chromium 1ª – Ser um gerenciador de janelas com base em abas; 13
  • 14.
    Chromium: o navegadorque mudou o mundo Metas do Chromium 2ª – Ser um “shell” para a web; 14
  • 15.
    Chromium: o navegadorque mudou o mundo Metas do Chromium 3ª – Possuir interface minimalista e amigável; 15
  • 16.
    Chromium: o navegadorque mudou o mundo Metas do Chromium 4º – Ser e parecer leve e, acima de tudo, RÁPIDO. 16
  • 17.
    Chromium: o navegadorque mudou o mundo Somente a beleza do código não é suficiente para atingir estas metas. O que mais foi feito? 17
  • 18.
    Chromium: o navegadorque mudou o mundo Peças-chave no quebra-cabeças do projeto Chromium 1ª – Motor de renderização WebKit; 18
  • 19.
    Chromium: o navegadorque mudou o mundo Peças-chave no quebra-cabeças do projeto Chromium 2º – Suporte ao padrão SVG; 19
  • 20.
    Chromium: o navegadorque mudou o mundo Peças-chave no quebra-cabeças do projeto Chromium 3ª – Suporte antecipado aos padrões HTML5 e CSS3; 20
  • 21.
    Chromium: o navegadorque mudou o mundo Peças-chave no quebra-cabeças do projeto Chromium 4º – Suporte avançado à WebGL; 21
  • 22.
    Chromium: o navegadorque mudou o mundo Peças-chave no quebra-cabeças do projeto Chromium 5º – Motor JavaScript V8. 22
  • 23.
    Chromium: o navegadorque mudou o mundo Motor? V8? Isso é um carro de corrida? 23
  • 24.
    Chromium: o navegadorque mudou o mundo Isso não pode ser tão eficiente assim... 24
  • 25.
    Chromium: o navegadorque mudou o mundo Tudo bem, tudo bem. Mas para mim como usuário, o que isso significa? 25
  • 26.
    Chromium: o navegadorque mudou o mundo HTTP Pipeling 26
  • 27.
    Chromium: o navegadorque mudou o mundo DNS Prefetching 27
  • 28.
    Chromium: o navegadorque mudou o mundo Gerenciamento individualizado de recursos 28
  • 29.
    Chromium: o navegadorque mudou o mundo Integração total com os serviços do Google, incluindo sincronização entre dispositivos 29
  • 30.
    Chromium: o navegadorque mudou o mundo E onde essa eficiência toda levou o projeto Chromium? 30
  • 31.
    Chromium: o navegadorque mudou o mundo 31
  • 32.
    Chromium: o navegadorque mudou o mundo Opa, meu faro para negócio despertou! Como posso alcançar essa fatia enorme de mercado? 32
  • 33.
    Chromium: o navegadorque mudou o mundo Como alcançar o mercado de usuários do Chromium 1º – Desenvolvendo sites em conformidade com os padrões W3C 33
  • 34.
    Chromium: o navegadorque mudou o mundo Como alcançar o mercado de usuários do Chromium 2º – Desenvolvendo para a nuvem 34
  • 35.
    Chromium: o navegadorque mudou o mundo Como alcançar o mercado de usuários do Chromium 3º – Desenvolvendo aplicações Web ricas. 35
  • 36.
    Chromium: o navegadorque mudou o mundo Como alcançar o mercado de usuários do Chromium 4º – Desenvolva em WebGL 36
  • 37.
    Chromium: o navegadorque mudou o mundo Como alcançar o mercado de usuários do Chromium 5º – Conheça a Chrome Web Store e desenvolva Chrome apps 37
  • 38.
    Chromium: o navegadorque mudou o mundo Fatos sobre a Chrome Web Store Todos os 310 milhões de usuários do Chrome (junho de 2012) tem acesso à ela; Integração total entre dispositivos; Integração com a Google Wallet in-app; Localizada em 42 linguagens diferentes. 38
  • 39.
    Chromium: o navegadorque mudou o mundo No que a Chrome Web Store se baseia Tirar as aplicações de dentro do browser; Interfaces amigáveis e facilidade de uso; Aplicações offline por default (ou com pouquíssima comunicação de rede); Uso intenso das APIs providas pelo navegador. 39
  • 40.
    Chromium: o navegadorque mudou o mundo O que são as Chrome apps afinal? 40
  • 41.
    Chrome apps sãoum conjunto de código HTML, JavaScript e recursos empacotados em um arquivo zip que, uma vez enviado à Chrome Web Store será baixado no sistema do usuário e estará lá: sempre pronto para ser executado. 41
  • 42.
    Chromium: o navegadorque mudou o mundo O que você pode fazer com uma Chrome app Construir e controlar aplicações multi- janela; Interagir com outros aplicativos; Fazer requisições AJAX para sites de terceiros (Cross-Site Scripting); 42
  • 43.
    Chromium: o navegadorque mudou o mundo Para tudo! Como desenvolvo estas Chrome apps? Me parece um mercado promissor! 43
  • 44.
    Chromium: o navegadorque mudou o mundo Tipos de Chrome apps Hosted apps; Packaged apps ou extensions. 44
  • 45.
    Chromium: o navegadorque mudou o mundo “Não alcançamos a liberdade buscando a liberdade, mas sim a verdade. A liberdade não é um fim, mas uma consequência.” Léon Tolstói 45
  • 46.
    Chromium: o navegadorque mudou o mundo Palestrante: ALEXANDRE TELES Contatos: Gmail: ateles.1@gmail.com Telefone: (71)9152-6094 46